import React, {useState} from 'react';
import Themes from '../utils/color';
export const ThemeContext = React.createContext();
export const ThemeContextProvider = ({children}) => {
  const [theme, changeTheme] = useState('light');
  return (
    <ThemeContext.Provider
      value={{theme: Themes[theme], themeName: theme, changeTheme}}>
      {children}
    </ThemeContext.Provider>
  );
};
